<template>
    <div class="xi_tong">
        <div class="title">
            <img @click="go_back" style="width: 25px;height: 25px;" class="left" src="../lmx/image/return.png" alt="">
            <div class="right">
                <span>系统消息</span>
                <span>举报</span>
            </div>
        </div>
    </div>
</template>

<script setup>
import {ref ,onMounted} from 'vue'
import {useRouter,useRoute} from 'vue-router'
const router = useRouter()
function go_back(){
    router.go(-1)
}
</script>
<style scoped>
*{
    padding: 0;
    margin: 0;
}
.xi_tong{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.title{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.right{
    width: 318px;
    height: 100%;
    /* background-color: aqua; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.right>span{
    font-size: 15px;
}

</style>